.cover{
  width: 100vw;
  height: 100vh;
  background-color: var(--main-beige);
  position: fixed;
  z-index: 1111111;
  pointer-events: none;
  opacity: 1;
}
.con05_01{
  width: 13.0729vw !important;
}

.header {
  background-color: transparent;
}
.header_bg{
  background-color: var(--main-beige);
}

.main{
  background-color: var(--main-beige);
  padding: 5vw 0 2vw 0;
}
.main_con{
  width: 95.5% !important;
  height: 43vw;
  border-radius: 3.2vw;
  border: 8px solid var(--main-brown);
  box-sizing: border-box;
  color: #fff;
  z-index: 0;
  text-align: center;
}
.main_video{
  border-radius: 2.9vw;
  overflow: hidden;
  z-index: -1;
  filter: brightness(0.5);
}
.main_video iframe{
  scale: 1.3;
}
.main_tt01{
  display: flex;
  gap: 0.8vw;
  font-size: 1.8vw;
  margin-bottom: 0.5vw;
}
.m_01{
  width: 0.7813vw !important;
}
.main_tt02{
  font-size: 3.8vw;
  margin-bottom: 1vw;
  letter-spacing: -0.15vw;
  overflow: hidden;
}
.main_tt03{
  font-size: 1.25vw;
  line-height: 1.5;
  margin-bottom: 17vw;
}
.main_food_wrap{
  overflow: hidden;
  border-radius: 2.8vw;
}
.main_food_wrap_bg{
  border: 2px solid var(--main-beige);
  box-sizing: border-box;
  border-radius: 2.8vw;
  z-index: 5;
}
.m_02 {
  width: 31.8514%;
  display: flex;
  justify-content: center;
  align-items: center;
  left: 6%;
  bottom: -20%;
}
.m_03 {
  width: 32.0176%;
  display: flex;
  justify-content: center;
  align-items: center;
  left: 32%;
  bottom: -24%;
  z-index: 5;
}
.m_04 {
  width: 12.4637%;
  display: flex;
  justify-content: center;
  align-items: center;
  left: 62%;
  bottom: -18%;
  z-index: 4;
}
.m_05 {
  width: 17.5599%;
  display: flex;
  justify-content: center;
  align-items: center;
  left: 72.8%;
  bottom: -5%;
}








.acon01{
  padding: 9vw 0;
}
.acon01_con{
  width: 75%;
}
.acon01_con p{
  text-align: start;
}
.acon01_tt01{
  margin-bottom: 1.5vw;
}
.acon01_tt02{
  margin-bottom: 3vw;
  font-size: 1.05vw;
}
.swiper_acon01{
  width: 55%;
  right: 0;
}
.acon01_slide{
  width: 20.8333vw !important;
}
.acon01 .arrow{
  bottom: 47%;
}
.swiper_acon01_prev{
  left: 46.5%;
}
.swiper_acon01_next{
  right: 34%;
}







.acon02{
  background: url("/images/front/con02_5.jpg") no-repeat;
  background-size: cover;
  background-position: center;
  padding: 3vw 0 6vw 0;
}
.acon02_tt02{
  margin-bottom: 3vw;
}
.acon02_con{
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 3vw;
}
.acon02_con_box{
  width: 19.6875vw !important;
  margin: 0 -1vw;
}
.acon02_con_box_top{
  width: 100% !important;
  opacity: 0;
  transition: 0.3s;
  top: 0;
}
.acon02_con_box_top.on{
  opacity: 1;
}







.acon03{
  padding: 7vw 0;
}
.acon03_video {
  width: 48vw;
  height: 27.5vw;
  border-radius: 2.4vw;
  border: 0.4vw solid var(--main-rbrown);
  box-sizing: border-box;
  z-index: 5;
}
.acon03_video iframe {
  border-radius: 2.1vw;
  box-sizing: border-box;
  border: 0.2vw solid #fff;
  pointer-events: all;
}
.acon03_tt02 {
  margin-bottom: 2vw;
}
.con03_1 {
  width: 26.8242%;
  display: flex;
  justify-content: center;
  align-items: center;
  right: 0;
  top: -31%;
}
.con03_2{
  width: 60.3151%;
  display: flex;
  justify-content: center;
  align-items: center;
  left: 0;
  bottom: 0;
}







.acon04{
  background-color: var(--main-beige);
  padding: 8vw 0;
  z-index: 0;
}
.acon04_tt01{
  text-transform: uppercase;
  font-weight: 900;
  font-size: 1.2vw;
  margin-bottom: 0.5vw;
  overflow: hidden;
}
.acon04_tt02{
  margin-bottom: 2vw;
}
.acon04_btnwrap{
  display: flex;
  align-items: center;
  gap: 1.5vw;
  margin-bottom: 2vw;
}
.acon04_btn{
  padding: 0.5vw 1.5vw;
  border-radius: 100px;
  transition: 0.3s;
  font-size: 1.1vw;
  cursor: pointer;
  font-family: 'Pretendard variable';
}
.acon04_btn.on{
  background-color: var(--main-rbrown);
  color: #fff;
  font-weight: 700;
}
.acon04_line{
  font-size: 1.2vw;
  font-family: 'SUIT-Bold';
  rotate: 15deg;
}
.acon04_conwrap{
  margin-bottom: 3vw;
}
.acon04_con{
  width: 100%;
  display: flex;
  justify-content: center;
  gap: 0.8vw;
  opacity: 0;
  visibility: hidden;
  transition: 0.5s;
  top: 0;
}
.acon04_con.on{
  opacity: 1;
  visibility: visible;
}
.acon04_con_box{
  width: 22vw;
  height: 22vw;
  border: 1px solid var(--main-rbrown);
  border-radius: 1.8vw;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: end;
  padding-bottom: 2vw;
  box-sizing: border-box;
  gap: 2vw;
  transition: 0.3s;
  cursor: pointer;
}
.acon04_con_box img{
  transition: 0.3s;
}
.acon04_con_box:hover{
  background-color: var(--main-rbrown);
  color: #fff;
}
.acon04_con_box:hover img{
  scale: 1.05;
}
.acon04_con_tt{
  font-size: 1.05vw;
  font-family: 'SUIT-Regular';
}
.acon04_bg {
  width: 95%;
  height: 88%;
  background-color: #fff;
  border-radius: 2vw;
  box-shadow: 0.2vw 0.3vw 0.4vw 0.1vw #00000018;
  z-index: -1;
}
.con04_3{
  width: 13.9583vw !important;
}
.con04_4{
  width: 13.6979vw !important;
}
.con04_5{
  width: 13.8021vw !important;
}
.con04_6{
  width: 16.1458vw !important;
}
.con04_7{
  width: 17.2396vw !important;
}
.con04_8{
  width: 17.0833vw !important;
}
.con04_9{
  width: 9.8958vw !important;
}
.con04_10{
  width: 11.0938vw !important;
}
.con04_11{
  width: 10.6250vw !important;
}






.acon05{
  padding: 7vw 0;
}
.acon05_tt02{
  margin-bottom: 2.5vw;
}
.acon05_con{
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1.5vw;
}
.acon05_con_box{
  width: 22.042%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.acon05_con_box.this{
  transform: translateY(3vw);
}







.acon06{
  padding: 8.8vw 0;
  background: url("/images/front/con06_1.png") no-repeat;
  background-size: cover;
  background-position: center;
}
.acon06_con p{
  color: #fff;
  text-align: start;
}
.acon06_con b{
  color: #fff;
}
.acon06_tt01{
  margin-bottom: 1.5vw;
}
.acon06_con{
  width: 75%;
}
.acon06 .sec_btn{
  background-color: #fff;
  border: 1px solid var(--main-rbrown);
  color: var(--main-rbrown);
  right: 15%;
}
.acon06 .sec_btn:hover{
  background-color: var(--main-beige);
}







.acon07{
  padding: 7vw 0 0 0;
  background: url("/images/front/con07_2.jpg") no-repeat;
  background-size: cover;
  background-position: center;
}
.con07_1{
  width: 100.134%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.acon07_con{
  width: 100%;
  display: flex;
  align-items: start;
  justify-content: center;
  gap: 3.5vw;
  margin-bottom: 4.5vw;
}
.acon07_con_box{
  width: 35%;
}
.acon07_con_row_title{
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 5vw;
  border-bottom: 1px solid #DAD1CB;
}
.acon07_con_row{
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 3.5vw;
  border-bottom: 1px solid #DAD1CB;
  padding-right: 1.8vw;
  box-sizing: border-box;
  cursor: pointer;
}
.acon07_con_row:hover .acon07_con_tt02{
  text-decoration: underline;
}
.acon07_con_tt01{
  font-size: 2.3vw;
}
.acon07 .sec_btn{
  padding: 0.7vw 1.7vw;
}
.acon07_con_tt02{
  width: 80%;
  font-size: 1vw;
  font-family: 'SUIT-Regular';
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.acon07_con_tt03{
  color: #818181;
  font-family: 'SUIT-Regular';
}
.swiper_acon07{
  width: 100%;
  margin-bottom: -4vw;
}







.acon08{
  padding: 7vw 0;
}
.acon08_con{
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1.2vw;
}
.acon08_con_box{
  width: 46%;
  height: 19vw;
  border-radius: 2vw;
  overflow: hidden;
}
.acon08_con_box.item1{
  background-color: var(--main-beige);
  color: var(--main-rbrown);
}
.acon08_con_box.item2{
  background-color: var(--main-rbrown);
  color: #fff;
}
.acon08_con_box_in{
  width: 85%;
}
.acon08_con_tt01{
  font-size: 1.85vw;
  margin-bottom: 0.7vw;
}
.acon08_con_tt02{
  font-size: 1.05vw;
  margin-bottom: 2.3vw;
}
.acon08 .sec_btn{
  padding: 1vw 2.3vw;
}
.con08_1 {
  width: 46.4165%;
  display: flex;
  justify-content: center;
  align-items: center;
  bottom: -5%;
  right: 5%;
}
.con08_2 {
  width: 30.3755%;
  display: flex;
  justify-content: center;
  align-items: center;
  top: -15%;
  left: 50%;
}
.con08_3 {
  width: 33.3334%;
  display: flex;
  justify-content: center;
  align-items: center;
  bottom: -16%;
  left: 61%;
}
.acon08 .item2 .sec_btn{
  background-color: #fff;
  border: 1px solid var(--main-rbrown);
  color: var(--main-rbrown);
}
.acon08 .item2 .sec_btn:hover{
  background-color: var(--main-beige);
}






@media screen and (max-width:599px) {

  .cover{
    display: none;
  }

.main {
  background-color: var(--main-beige);
  padding: 14vw 0 3vw 0;
}
.main_con {
  width: 95% !important;
  height: 120vw;
  border-radius: 5vw;
  border: 1vw solid var(--main-brown);
  overflow: hidden;
}
.main_food_wrap {
  border: none;
}
.main_food_wrap_bg {
  display: none;
}
.main_video {
  border-radius: 0;
}
.main_video iframe {
  scale: 2.3;
}
.m_01 {
  width: 3vw !important;
}
.main_tt01 {
  gap: 2vw;
  font-size: 4.3vw;
  margin-bottom: 3vw;
}
.main_tt02 {
  font-size: 8vw;
  margin-bottom: 4vw;
}
.main_tt03 {
  font-size: 3.8vw;
  margin-bottom: 40vw;
}
.m_02 {
  width: 46%;
  left: -12%;
  bottom: -5%;
}
.m_03 {
  width: 50%;
  left: 18%;
  bottom: -8%;
}
.m_04 {
  width: 20%;
  left: 62%;
  bottom: -6%;
}
.m_05 {
  width: 36%;
  left: 79%;
  bottom: -5%;
}





.acon01 {
  padding: 15vw 0;
}
.acon01_con {
  width: 100%;
  margin-bottom: 10vw;
}
.acon01_con p {
  text-align: center;
}
.acon01_tt02 {
  margin-bottom: 6vw;
}
.swiper_acon01{
  width: 100%;
  position: static !important;
}
.acon01_slide {
  width: 50vw !important;
}
.acon01_sec_btn{
  margin: 0 auto;
}
.acon01 .arrow {
  bottom: 25.5%;
}
.swiper_acon01_next {
  right: 20%;
}
.swiper_acon01_prev {
  left: 20%;
}






.acon02 {
  padding: 3vw 0 15vw 0;
}
.acon02_con {
  flex-wrap: wrap;
  margin-bottom: 8vw;
}
.acon02_con_box {
  width: 47vw !important;
  margin: -3vw;
}
.acon02_tt02 {
  margin-bottom: 8vw;
}









.acon03 {
  padding: 15vw 0 20vw 0;
}
.acon03_tt02 {
  margin-bottom: 6vw;
}
.acon03_video {
  width: 90vw;
  height: 51.3vw;
  border-radius: 4vw;
  border: 1vw solid var(--main-rbrown);
  overflow: hidden;
}
.acon03_video iframe {
  border-radius: 0;
  border: none;
}
.con03_1 {
  display: none;
}
.con03_2 {
  width: 80%;
  bottom: -12%;
}







.acon04 {
  padding: 15vw 0;
}
.acon04_tt01 {
  font-size: 4.2vw;
  margin-bottom: 1vw;
}
.acon04_tt02 {
  margin-bottom: 4vw !important;
}
.acon04_btn {
  padding: 1.5vw 3.5vw;
  font-size: 3.8vw;
}
.acon04_line {
  font-size: 4vw;
}
.acon04_btnwrap {
  gap: 3vw;
  margin-bottom: 5vw;
}
.acon04_con {
  gap: 2vw;
  flex-wrap: wrap;
}
.acon04_con_box {
  width: 42vw;
  height: 42vw;
  border-radius: 3vw;
  padding-bottom: 4vw;
  gap: 3vw;
}
.acon04_con_tt {
  font-size: 3.4vw;
}
.acon04_con_box img{
  scale: 1.8;
  transform-origin: center bottom;
}
.acon04_con_box:hover img {
  scale: 1.9;
}
.acon04_conwrap {
  margin-bottom: 6vw;
}
.acon04_bg {
  width: 95%;
  height: 96%;
  border-radius: 6vw;
  box-shadow: 0.2vw 0.3vw 1.5vw 0.5vw #00000018;
}








.acon05 {
  padding: 15vw 0 28vw 0;
}
.acon05_tt02 {
  margin-bottom: 6vw;
}
.acon05_con {
  flex-direction: column;
  gap: 2vw;
  display: none;
}
.acon05_con_box.this {
  transform: translateY(0);
}
.acon05_con_box {
  width: 67vw;
}
.acon05 .arrow{
  bottom: 10%;
}
.swiper_acon05_m_prev{
  left: 40%;
}
.swiper_acon05_m_next{
  right: 40%;
}








.acon06 {
  padding: 13vw 0;
}
.acon06_con {
  width: 100%;
}
.acon06_con p {
  text-align: center;
}
.acon06 .sec_btn {
  position: static !important;
  margin-top: 6vw;
}







.acon07 {
  padding: 10vw 0 0 0;
}
.acon07_con {
  flex-direction: column;
  gap: 6vw;
  margin-bottom: 7vw;
}
.acon07_con_box {
  width: 80%;
}
.acon07_con_row_title {
  height: 13vw;
}
.acon07_con_tt01 {
  font-size: 5vw;
}
.acon07 .sec_btn {
  padding: 1.3vw 3vw;
  font-size: 3.3vw;
}
.acon07_con_row {
  height: 10vw;
  padding-right: 2.8vw;
}
.acon07_con_tt02 {
  width: 75%;
  font-size: 3.3vw;
}
.swiper_acon07 {
  margin-bottom: -7vw;
}




.acon08_con {
  flex-direction: column;
  gap: 5vw;
}
.acon08_con_box {
  width: 90%;
  height: 40vw;
  border-radius: 4vw;
  overflow: hidden;
  z-index: 0;
}
.acon08_con_box_in {
  width: 100%;
  text-align: center;
}
.acon08_con_tt01 {
  font-size: 5.2vw;
  margin-bottom: 2vw;
}
.acon08_con_tt02 {
  font-size: 3.6vw;
  margin-bottom: 5vw;
}
.acon08 .sec_btn {
  padding: 1.3vw 3.5vw;
  margin: 0 auto;
}
.con08_1 {
  width: 80%;
  bottom: -46%;
  right: auto;
  opacity: 0.25;
  z-index: -1;
}
.con08_2 {
  width: 47%;
  top: -18%;
  left: -3%;
  opacity: 0.2;
  z-index: -1;
}
.con08_3 {
  width: 41%;
  bottom: -28%;
  left: 61%;
  opacity: 0.2;
  z-index: -1;
}









}